<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #div1{
            position: fixed;
            float: left;
        }
        #div2{
            top: 450px;
            width: 1000px;
            background-image:url(content_bg.jpg);
            position: fixed;
            float: left;
        }
        #div3{
            position: fixed;
            float: left;
            left: 350px;
        }
        #div4{
            top:490px;
            position: fixed;
            float: left;
            left: 350px;
        }
        #div5{
            top:930px;
            position: fixed;
            float: left;
            left: 350px;
        }
    </style>
</head>
<body>
    <div id="div1"><img src="banner.jpg" alt="" width="1000px"></div>
    <div id="div2">
        <div id="div3"><img src="step.jpg" alt=""></div>
        <div id="div4">
            您的账号信息：
            <hr color="red">
            注册方式：
            <input type="radio" name="class1">E-mail注册
            <input type="radio" name="class1">手机号码注册<br>
            注册邮箱：<input type="text"><br>
            注册手机：<input type="text"><br>
            登录密码：<input type="text"><br>
            昵称：<input type="text"><br>
            您的个人信息：
            <hr color="red">
            性别：<input type="radio" name="class2">男
            <input type="radio" name="class2">女<br>
            学历：<select name="" id="">
                <option value="">请选择</option>
                <option value="">大专</option>
                <option value="">本科</option>
                <option value="">研究生</option>
            </select><br>
            所在城市：<select name="" id="">
                <option value="">北京</option>
                <option value="">上海</option>
                <option value="">深圳</option>
            </select><br>
            兴趣爱好：<input type="checkbox" name="class3">足球
            <input type="checkbox" name="class3">篮球
            <input type="checkbox" name="class3">游泳
            <input type="checkbox" name="class3">唱歌
            <input type="checkbox" name="class3">跑步
            <input type="checkbox" name="class3">瑜伽<br>
            自我介绍：
            <textarea name="" id="" cols="40" rows="10">评论的时候，请遵纪守法并注意语言文明，多给文档分享人一些支持。</textarea>
        </div>
        <div id="div5">
            <img src="btn.jpg" alt="">
        </div>
    </div>
    
</body>
</html>